<html>
<head>
<body>
<p> Preceding Text 
<p>  <ol class = "parent" type = "I">
		<li> List Item </li> 
			
			<ol type = "a">
			<li> Nested item </li>
			<li> Nested item </li>
			
			</ol>
		<li> List Item 2</li>
		<!-- -->
		<ol type = "1">
		<li> Nested item</li>
		<li> Nested item</li>
		
				<ul type = "circle">
					<li> Nested item </li>
					<li> Nested item </li>
					
						<ul type = "disc">
						<li> Nested item </li>
						<li> Nested item </li>
						</ul>
					<li> Nested item</li>
			</ul>
			<li> Nested item</li>
			</ol>
		<li> List Item 3 </li>
		<ul type = "disc">
			<li> Nested item </li>
			<li> Nested item </li>
			<li> Nested item </li>
			</ul>
		
<img src="precedingtext.jpg" width ="290" height="290">
</body>
</head>
</html>